/* pages/goods_detail/index.wxss */
.detail_swiper {
    swiper {
        height: 40vw;
        // background-color: tomato;
        // 方案二
        text-align: center;
        // line-height: 38vw;
        padding-top: 20rpx;

        // 方案一
        /* swiper-item{
            display: flex;
            justify-content: center;
            align-items: center;
        } */
        image {
            width: 60%;
        }
    }
}

.goods_price {
    color: var(--themeColor);
    font-size: 32rpx;
    font-weight: 600;
    padding: 15rpx;
}

/*标题和收藏 开始*/
.goods_name_collect_row {
    display: flex;

    border-top: 5rpx solid #dedede;
    border-bottom: 5rpx solid #dedede;
    padding: 10rpx 0;
    
    .goods_name {
        flex: 5;
        color: #000;
        font-size: 30rpx;
        padding: 0 10rpx;
        /* 
        *文本缩略 
        *奏效,只要是父标签是一个view，目前就可以使用
        */
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .goods_collect {
        flex: 1;
        display: flex;
        // 主轴方向:上下方向
        flex-direction: column;
        justify-content: center;
        align-items: center;
        border-left: 1rpx solid #000;
        
        .iconfont {}
        .collect_text{}
    }

}
/*标题和收藏 结束*/

/*图文详情 开始*/
.goods_info{
    .goods_info_title{
        font-size: 32rpx;
        color: var(--themeColor);
        font-weight: 600;
        // 如果没有给块标签添加高宽,那么添加内边距后,宽高也会相应变化
        padding: 20rpx;
    }
}
/*图文详情 结束*/
